<template>
  <div>
    <h3>Child</h3>
    <!-- 默认插槽 -->
    <slot></slot>
    <div>自己的结构</div>
    <!-- 具名插槽 -->
    <slot name="footer"></slot>
    <!-- 插槽的默认内容 -->
    <slot name="other">
      <p>插槽的默认内容``````</p>
    </slot>
  </div>
</template>

<script lang="ts">
export default {
  name: 'MyChild',
}
</script>

<script lang="ts" setup>
  // 定义自定义事件
  const emit = defineEmits(['test'])
  // emit('test', 12)
</script>

<style scoped>

</style>
